
.center_box{
    display: flex;
    justify-content: space-between;
    position :relative;
}
.wx{
    position: relative;
}
.box{
    background-color: white;
    width: 140px;
    height: 170px;
    opacity: 0;
    text-align: center;
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%);
    padding: 20px;
    position:absolute;
    bottom:-210px;
    right:0px;
}

.box img{
    width: 120px;
    height: 120px;
}
.wx:hover .box{
    opacity: 1;
    transition:all 1s;
}
.hover{
    display: none;
}

li{
    padding-left: 15px;
    width: 160px;
    text-align: left;
    margin-top: 20px;
    list-style: none;
}
a{
    text-decoration: none;
    color: #98ada2;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}
li:hover a{
    color: #535353;
}
li:hover .hover{
    display: inline-block;
}
li:hover .normal{
    display:none;
}
.shareUl{
    width: 100px;
    display: flex;
}

